#personal{position: relative;}

#personal .set{line-height: 40px;padding-left: 18px;position: absolute;top:0;right:12px;font-size: 14px;background: url(../image/icon/set-icon.png) left center no-repeat;background-size: auto 14px;}
#personal .personalMain{
	background: url(../image/icon/personal-bg.jpg) center no-repeat #55b8ec;
	background-size: 100% 100%;
	padding: 15px 12px;
}
#personal .personalMain .pt{
	width: 20%;
	border: 3px solid #81caf1;
	background-color: #f4f4f4;
	overflow: hidden;
	border-radius: 50%;
	margin-right: 10px;
}
#personal .personalMain .nameMod span{display: block;line-height: 20px;margin-bottom: 10px;}
#personal .personalMain .name{font-size: 16px;color: #fff;}
#personal .personalMain .icon{width: 20px;height: 20px;margin-left: 5px;}
#personal .personalMain ol li{margin-right: 5px;}
#personal .personalMain ol span{display: block;line-height: 20px;font-size: 12px;}
#personal .personalMain ol span.bt{height: 20px;border-radius: 10px 0 0 10px;background-color: #F4F4F4;padding: 0 8px;color: #51BBED;padding-right: 14px;}
#personal .personalMain ol span.sign{background-color: #f1493e;border-radius: 10px;height: 20px;overflow: hidden ;padding: 0 5px;margin-left: -10px;color: #fff;}
#personal .personalMain ol span.sign img{width: 16px;display: inline-block;vertical-align: middle}
#personal .personalMain ol span.sign.vip{background-color: #ffd907;color: #000;}
#personal .personalMain ol span.sign.un-vip{background-color: #ddd;color: #999;}

#personal .main-icon{padding-top: 20px;}
#personal .main-icon dt{color: #fff;font-size: 12px;text-align: center;margin-bottom: 10px;}
#personal .main-icon dd{width: 44px;height: 44px;overflow: hidden;margin: auto;}
#personal .main-icon dd.icon-1 img{margin-top: -44px;}
#personal .main-icon dd.icon-2 img{margin-top: -88px;}
#personal .main-icon dd.icon-3 img{margin-top: -132px;}

.news-wrap{padding: 10px 12px;}
.news-wrap .bt{margin-right: 12px;}
.news-wrap .bt span{display: block;color: #f1493e;padding-right: 12px;}
.news-wrap #newsHot{height: 34px;overflow: hidden;}
.news-wrap .title{line-height: 34px;overflow: hidden;}
.news-wrap .title a{display: block;}
.news-wrap .title .tag{display: inline-block;background-color: #F1493E;font-size: 12px;line-height: 16px;border-radius: 8px 8px 8px 0;padding: 0 4px;color: #fff;margin-right: 3px;vertical-align: middle;margin-top: -2px;}

.news-wrap .more{margin-left: 5px;background: url(../image/icon/personal-more.png) right center no-repeat;padding-right: 18px;background-size: auto 10px;}
.news-wrap .more span{width: 34px;height: 34px;border-radius: 50%;background-color: #F1493E;text-align: center;line-height: 34px;color: #FFFFFF;font-size: 12px;display: block;}


#personal .mod .bt{line-height: 44px;display: inline-block;padding-left: 12px;font-size: 15px;padding-right: 20px;margin-bottom: 10px;}
#personal .mod-1 .bt{background: url(../image/icon/mod-1.png) right center no-repeat;background-size: 20px auto;padding-right: 24px;}
#personal .mod-2 .bt{background: url(../image/icon/mod-2.png) right center no-repeat;background-size: 20px auto;padding-right: 24px;}
#personal .mod-3 .bt{background: url(../image/icon/mod-3.png) right center no-repeat;background-size: 20px auto;padding-right: 24px;}
#personal .mod .list{padding-bottom: 15px;}
#personal .mod .icon{width: 34px;height: 34px;margin: auto;background-repeat: no-repeat;background-position: center top;background-size: 100% auto;}
#personal .mod .icon_2{background-position-y: -34px;}
#personal .mod .icon_3{background-position-y: -68px;}
#personal .mod .icon_4{background-position-y: -102px;}
#personal .mod .name{font-size: 13px;color: #555;padding-top: 8px;}

#personal .mod-1 .icon{background-image: url(../image/icon/personalMod-icon-1.png);}
#personal .mod-2 .icon{background-image: url(../image/icon/personalMod-icon-2.png);}
#personal .mod-3 .icon{background-image: url(../image/icon/personalMod-icon-3.png);}

#personal .mod .list ul:last-child{background: url(../image/icon/all-img.png) left center no-repeat;background-size: 12px auto;}















/*我的会员卡*/
.unopenVip{overflow: hidden;}
.unopenVip .unopen-top{position: relative;background: url(../image/icon/vip-bg.png) center top no-repeat #fff;background-size: 100% 100%;overflow: hidden;padding-top: 15px;text-align: center;}
.unopenVip .unopen-top .ruler{position: absolute;top: 10px;right: 10px;width:24px;height: 24px;line-height: 24px;border-radius: 50%;border:1px solid #fff;color: #fff;text-align: center;font-size: 20px;}
.unopenVip .unopen-top .photo{width: 80px;height: 80px;border-radius: 50%;background-color: #F4F4F4;border:3px solid #81caf1;margin: auto;overflow: hidden;}
.unopenVip .unopen-top .name{text-align: center;color: #fff;padding: 10px 0;}
.unopenVip .unopen-top .lv{font-size: 30px;color: #fff;text-align: center;text-shadow: 1px 0 0 #81caf1;letter-spacing: 3px;margin-top: -5px;}
.unopenVip .unopen-top .txt{line-height: 24px;display: inline-block;background-color: #fff;color: #B1242A;padding: 0 16px;border-radius: 12px;margin-bottom: 10px;}
.unopenVip .unopen-top .btn{display: block;width: 140px;height: 44px;line-height: 44px;font-size: 16px;text-align: center;color: #146995;background: rgba(255,255,255,.5);margin:8px auto 0;}

.iconTeam{overflow: hidden;}
.iconTeam dl{width: 25%;float: left;padding: 10px 0 20px;}
.iconTeam dl dt{width: 44px;height: 44px;margin: auto;overflow: hidden;}
.iconTeam dl dt.icon-2 img{margin-top: -44px;}
.iconTeam dl dt.icon-3 img{margin-top: -88px;}
.iconTeam dl dt.icon-4 img{margin-top: -132px;}
.iconTeam dl dt.icon-5 img{margin-top: -176px;}
.iconTeam dl dt.icon-6 img{margin-top: -220px;}
.iconTeam dl dt.icon-7 img{margin-top: -264px;}
.iconTeam dl dt.icon-8 img{margin-top: -308px;}
.iconTeam dl dd{text-align: center;color: #555;padding-top: 5px;font-size: 12px;}


.crown{display: block;width: 14px;height: 14px;background: url(../image/icon/crown.png) center no-repeat;background-size: 100% auto;margin-left: 4px;}
.crown.love{background-image: url(../image/icon/love-icon.png);}

.open-top{background: url(../image/icon/bind-bg.png) center no-repeat;background-size: cover;padding: 15px 12px 0;}


.card{background-image:-webkit-linear-gradient(left,#f4e4c0,#eac975);background-image: -webkit-linear-gradient(left,#f4e4c0,#eac975);border-radius: 6px;margin-bottom: -10px;position: relative;z-index: 2;}

#card{background: url(../image/icon/bg-l.png) left center no-repeat,url(../image/icon/bg-r.png) right center no-repeat;background-size: auto 100%;width: 100%;min-height: 100px;position: relative;}

#card .logo{position: absolute;top: 10px;right: 10px;width: 14%;}
#card .info{padding-top: 12px;padding-left: 12px;}
#card .info .pt{width: 40px;height: 40px;border: 2px solid rgba(255,255,255,.6);border-radius: 50%;background-color: #F4F4F4;overflow: hidden;box-sizing: border-box;}
#card .info .name{line-height: 40px;margin-left: 5px;}
#card .info .code{width: 20px;height: 20px;background: url(../image/icon/code-img.png) center no-repeat;background-size: cover;margin-top: 10px;margin-left: 5px;}
#card .bot{padding: 12px;-webkit-align-items: flex-end;align-items: flex-end;margin-top: 12px;}
#card .bot .scoreMod{color: #7c5936}
#card .bot .val{font-size: 24px;}
#card .bot .cardNum{color: #87694b;}

.relur .ev-title{padding: 20px 0;font-size: 16px;}
.relur .ev-title span{display: block;width: 50px;height: 1px;background-color: #ddd;margin: 0 5px;}
.relur .cot{padding:  0 12px 15px;line-height: 1.5;font-size: 14px;color: #555;}












/*我的积分*/
.score-top{background: url(../image/icon/score-bg.png) center no-repeat;background-size: 100% 100%;padding: 25px 0;text-align: center;color: #fff;}
.score-top .name{margin-bottom: 5px;}
.score-top .valMod .icon{display: block;width: 25px;height: 25px;background: url(../image/icon/money-icon.png) center no-repeat;background-size: auto 100%;margin-top: 10px;}
.score-top .valMod .val{font-size: 45px;}
.score-top .buy-btn{background-color: #fff;line-height: 24px;border-radius: 12px;width:200px;color: #B1242A;margin:12px auto;}
.score-top .buy-btn .icon{width: 14px;height: 14px;background: url(../image/icon/buy-icon.png) center no-repeat;background-size: cover;margin-left: 5px;}

.score-title{padding: 20px 0;}
.score-adv ul{width: 33.333333%;}
.score-adv .icon{width: 50px;height: 50px;border-radius: 50%;background: url(../image/icon/score-icon-team.png) center top no-repeat;background-size: 100% auto;}
.score-adv .icon-2{background-position-y: -50px;}
.score-adv .icon-3{background-position-y: -100px;}
.score-adv{padding-bottom: 20px;}
.score-adv .bt{font-size: 14px;color: #333;margin-top: 6px;}
.score-adv .sm{font-size: 12px;color: #999;margin-top: 4px;}


.scoreTab{background: url(../image/icon/score-tab-bg.png) center no-repeat;background-size: 100% 100%;
padding-top: 20px;text-align: center;}
.scoreTab .txt{display: inline-block;position: relative;font-size: 24px;text-align: center;line-height: 28px;margin-bottom: 26px;}
.scoreTab .txt:before{content: '';width:40px;height: 20px;position: absolute;left: -45px;top: 4px;background: url(../image/icon/tab-l.png) center no-repeat;background-size: 100% auto;}
.scoreTab .txt:after{content: '';width:40px;height: 20px;position: absolute;right: -45px;top: 4px;background: url(../image/icon/tab-r.png) center no-repeat;background-size: 100% auto;}
.scoreTab .txt .val{color: #084d71;margin-right: 10px;display: inline-block;vertical-align: middle;}
.scoreTab .txt .val-2{display: inline-block;vertical-align: middle;color: #fff;}
.scoreTab .navTab li{font-size: 16px;padding-bottom: 14px;border-bottom: 3px solid transparent;color: #2d7ba5;margin: 0 10%}
.scoreTab .navTab li.on{color: #0d5276;border-bottom-color: #084d71;}

/*积分明细*/
.scoreDetail{padding-left: 12px;}
.scoreDetail .list{padding: 15px 12px 15px 0;}
.scoreDetail .list .name{color: #333;margin-bottom: 10px;}
.scoreDetail .list .time{color: #999;}
.scoreDetail .list .val{font-size: 22px;}

.detailMod .bt{font-size: 16px;padding: 20px 0;text-align: center;}
.exchangeMod .list{padding: 12px;}
.exchangeMod .pt{width: 120px;height: 120px;background-color: #F4F4F4;overflow: hidden;margin-right: 10px;}
.exchangeMod .list .name{margin-bottom: 5px;color: #333;line-height: 1.4;}
.exchangeMod .list .val-box{line-height: 20px;}
.exchangeMod .list .val{font-size: 18px;color: #3c8cb6;margin-right: 5px;}
.exchangeMod .list .past{color: #999;text-decoration: line-through;}

.exchangeMod .list .progressMod{line-height: 16px;width:90%;margin-top: 8px;}
.exchangeMod .list .progressMod .all{height: 3px;background-color: #f3f3f3;overflow: hidden;position: relative;}
.exchangeMod .list .progressMod .all .cur{height: 3px;width: 50%;background-color: #3c8cb6;position: absolute;top: 0;left: 0;}
.exchangeMod .list .progressMod .t1{color: #555;margin-left: 5px;}
.exchangeMod .list .btn{width: 80px;height: 30px;background-color: #3c8cb6;color: #fff;line-height: 30px;text-align: center;display: block;font-size: 12px;}


.mask{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: #000;opacity: .6;z-index: 9;}
.introMod{background-color: #fff;width: 90%;max-height: 80%;overflow-y: auto;position: absolute;left: 5%;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 10;border-radius: 3px;}
.introMod .title{position: absolute;top: 0;width: 100%;line-height: 50px;z-index: 11;background-color: #fff;text-align: center;font-size: 18px;}
.introMod .close{display: block;position: absolute;top: 0;right: 0;font-size: 24px;line-height: 44px;text-align: center;width: 36px;}
.introMod .cot{padding: 54px 20px 20px;line-height: 1.5;font-size: 14px;}
